@charset "utf-8";
@import "common/common";
//input框
.g-inputBox{
  height:.84rem;
  line-height:.84rem;
  padding: 0 .40rem;
  background: #fff;
  @include displayFlex;
  .inner{
    padding: 0 .40rem;
    @include borderRadius(#e4e4e4,40px);
    @include flex(1);
    @include displayFlex;
    .inputBox{
      @include flex(1);
      border: none;
      color: #3a3a3a;
      font-size: 13px;
      ::-webkit-input-placeholder {
        color: #aaa;
        font-size: 13px;
      }
    }
  }
}
//select框
.g-selectBox{
  height:.84rem;
  line-height:.84rem;
  padding: 0 .40rem;
  background: #fff;
  @include displayFlex;
  .inner{
    @include flex(1);
    position: relative;
    .selectedTxt{
      position: absolute;
      top:0;
      left:0;
      z-index: 10;
      height:100%;
      padding: 0 .40rem;
      background: url("../images/left.png") no-repeat right 20px center;
      background-size:.15rem;
      @include borderRadius(#e4e4e4,40px);
      font-size: 13px;
      color: #aaa;
    }
    .selectBox{
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      z-index: 15;
      border: none;
      color: #aaa;
      font-size: 13px;
      opacity:0;
    }
  }
  &.active{
    .inner{
      .selectedTxt{
        color: #3a3a3a;
      }
    }
  }
}
.choiceIdentityContainer{
  overflow: hidden;
  .typeImg{
    &.typeImgInit{
      position: fixed;
      top:.80rem;
      left: .56rem;
      width:6.52rem;
      height:4.63rem;
      font-size: 0;
      background: url("../images/404.png") no-repeat;
      background-size: 100% 100%;
    }
    &.typeImg1{
      position: fixed;
      top:.95rem;
      left: .69rem;
      width:6.13rem;
      height:5.07rem;
      font-size: 0;
      background: url("../images/404.png") no-repeat;
      background-size: 100% 100%;
    }
    &.typeImg2{
      position: fixed;
      top:.95rem;
      left: 1.29rem;
      width:4.66rem;
      height:5.10rem;
      font-size: 0;
      background: url("../images/404.png") no-repeat;
      background-size: 100% 100%;
    }
    &.typeImg3{
      position: fixed;
      top:.73rem;
      left: 1.01rem;
      width:5.45rem;
      height:5.12rem;
      font-size: 0;
      background: url("../images/404.png") no-repeat;
      background-size: 100% 100%;
    }
  }
  .circle{
    width: 13.34rem;
    height: 13.34rem;
    border-radius: 50%;
    background:linear-gradient(0deg,rgba(11,82,228,1),rgba(0,144,255,1));
    margin-top: -7.93rem;
    margin-left: -2.92rem;
    margin-bottom: 1.77rem;
  }
  .g-selectBox{
    margin-bottom: 1.25rem;
    &.gcs{
      margin-bottom: .20rem;
    }
    .selectedTxt{
      &.active{
        color: #3a3a3a;
      }
    }
  }
  .g-inputBox{
    margin-bottom: .20rem;
  }
  .submitBtn{
    margin: 0 .40rem 0;
    height:.84rem;
    border-radius: 40px;
    line-height:.84rem;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #e4e4e4;
    &.active{
      background:linear-gradient(-90deg,rgba(11,82,228,1),rgba(0,84,255,1),rgba(0,144,255,1));
      box-shadow:0px 3px 15px 0px rgba(14,72,238,0.6);
    }
  }
}

.g-hide{
  display: none;
}